$(document).ready(function (){
  $("#b01").click(function(){
    htmlobj=$.ajax({url:"demo_test.txt",async:false});
    $("#myDiv").html(htmlobj.responseText);
  });

  // $("#b01").click(function(){
  //   $('#myDiv').load('demo_test.txt');
  // });

  // $("#btn1").click(function(){
  //   $("img").before("<b>Before</b>");
  // });
  //
  // $("#btn2").click(function(){
  //   $("img").after("<i>After</i>");
  // });

  // $(document).ready(function() {
  //   $("#btn1").click(function () {
  //     $("p").append(" <b>Appended text</b>.");
  //   });
  //
  //   $("#btn2").click(function () {
  //     $("ol").append("<li>Appended item</li>");
  //   });
  // });


  // $("button").click(function(){
  //   $("p").html("W3School");
  // });

  // $("button").click(function() {
  //   var div = $("div");
  //   div.animate({height: '300px', opacity: '0.4'}, "slow");
  //   div.animate({width: '300px', opacity: '0.8'}, "slow");
  //   div.animate({height: '100px', opacity: '0.4'}, "slow");
  //   div.animate({width: '100px', opacity: '0.8'}, "slow");
  // });

  // $(".flip").click(function (){
  //   $(".panel").slideToggle("slow");
  // });

  // $(".ex .hide").click(function(){
  //   $(this).parents(".ex").hide("slow");
  // });

  // $("p").click(function (){
  //   $(this).hide();
  // });
  // $("button").click(function (){
    // 隐藏所有的html元素
    // $(this).hide();
    // 隐藏所有的p元素
    // $("p").hide();
    // 隐藏所有class="test"的元素
    // $(".test").hide();
    // 隐藏所有id="test"的元素
    // 淡出
    // $("#test1").hide();
    // $("#div1").fadeOut();
    // $("#div2").fadeOut("slow");
    // $("#div3").fadeOut(3000);
  // });
});
